@charset "utf-8";

//layaFlash
#layaFlash{
    background-color: #8bc01f;
    padding-bottom: 10px;
    padding-top: 65px;
    color:#fff;
    .left-msg{
        h1{
           font-size: 48px; 
           margin-bottom: 29px;
           .title_one{
            display: inline-block;
            width:52px;
            height: 52px;
            text-align: center;
            line-height: 52px;
            background-color: #fff;
            color:#8bc01f;
            font-size: 48px;
            font-weight: bold;
            margin-right: 10px;
            border-radius: 3px;
        }
        }
        h2{
            font-size: 24px;
            margin-bottom: 72px;
        }
        .enginer-into{
            margin-bottom: 35px;
            padding-bottom: 10px;
            &>p{
                height: 30px;
                line-height: 30px;
                display: block;
                padding-bottom: 70px;
            }
            input[type="button"]{
                color:#8bc01f;
                outline: none;
                appearance: none;
                -webkit-appearance: none;
                border:none;
                width:100px;
                height: 30px;
                background-color: #fff;
                border-radius: 5px;
                font-weight: bold;
            }
        }
    }
    .myRow{
        background-image:url(../img/jiazu/Layabox-Laya家族_03.jpg);
        background-repeat: no-repeat;
        background-position: right center;
    }
    
}



//layaPlayer
#layaPlayer{
    background-color: #3393df;
    padding-bottom: 10px;
    padding-top: 65px;
    color:#fff;
    .left-img{
         h1{
             display: block;
            width: 300px;
           .title_two{
            display: inline-block;
            width:45px;
            height: 45px;
            text-align: center;
            line-height: 52px;
            background-color: #fff;
            color:#3393df;
            font-size: 40px;
            font-weight: bold;
            margin-right: 10px;
            border-radius: 3px;
            }
        }
    }
    .left-msg{
        h2{
            font-size: 24px;
            padding-top: 70px;
            margin-bottom: 20px;
        }
        .enginer-into{
            margin-bottom: 35px;
            padding-bottom: 10px;
            
            background-image:url(../img/jiazu/jiazu02.jpg);
            background-repeat: no-repeat;
            background-position: right;
            &>p{
                display: block;
                padding-bottom: 20px;
                width:60%;
                font-size: 14px;
            }
            .player_title{
                font-size: 24px;
                padding-bottom: 10px;
            }
            input[type="button"]{
                color:#8bc01f;
                outline: none;
                appearance: none;
                -webkit-appearance: none;
                border:none;
                width:100px;
                height: 30px;
                background-color: #fff;
                border-radius: 5px;
                font-weight: bold;
            }
        }
    }
    .myRow{
        background-image:url(../img/jiazu/jiazu.jpg);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
}

@media (max-width:992px){
    //当小于这个值时layaPalyer文本左移
    #layaPlayer{
        .left-msg{
            width:100%;
        }
    }
    
}



//layacon
#laya_con{
    padding-bottom: 70px;
    padding-top: 105px;
    background-color: #f7f7f7;
    .row_bg{
        background-color: #fff;
    }
    .left-img{
        margin-bottom: 70px;
         h1{
             color:#3393df;
           .title_two{
            display: inline-block;
            width:45px;
            height: 45px;
            text-align: center;
            line-height: 52px;
            background-color: #3393df;
            color:#fff;
            font-size: 40px;
            font-weight: bold;
            margin-right: 10px;
            border-radius: 3px;
            }
        }
        &>p{
            text-indent: 2em;
            font-size: 14px;
            img{
                display: none;
                margin: 30px auto;
            }
            .left_two_img{
                margin-top: 60px;
            }
            .left_four_img{
                margin-top: 50px;
            }
            
        }
        h5{
            font-size: 18px;
            color:#3393df;
            padding-top: 20px;
        }
        h6{
            padding-top: 20px;
            font-size: 18px;
        }
        
        .left_two_img{
            &>p{
                img{
                    margin-bottom: 10px;
                }
            }
        }
    }
    
}

@media (min-width:1200px){
    .myNav{
        width:1000px;
    }
    .w1000{
        width:1000px;
    }
    .w10002{
        width:768px;
    }
    
}

//当屏幕小于992时，图片隐藏
@media (max-width:992px){
    #layaFlash .myRow{
        background-image: none;
    }
    #layaPlayer .myRow{
        background-image: none;
    }
    #layaPlayer .myRow .enginer-into{
        background-image: none;
    }
    #layaPlayer .myRow .enginer-into{
        background-image: none;
        
        &>p{
            width:100%;
        }
    }
}
@media (max-width:480px){
    //layaFlash
    #layaFlash{
        padding-top: 15px;
        color:#fff;
    }
    #layaPlayer{
        padding-top: 15px;
        .myRow{
            .left-msg{
                h2{
                    padding-top: 10px;
                }
            }
        }
    }
    
    //layacon
    #laya_con{
        padding-bottom: 10px;
        padding-top: 0px;
        .left-img{
            margin-bottom: 50px;
        }
        
    }

}


